.siteDetails {
  padding-bottom: 250rpx;

  .lineOne {
    width: 750rpx;
    height: 4rpx;
    background: #130101;
    opacity: 0.05;
  }

  .siteDetails-one {
    margin-top: 39rpx;
    padding: 0rpx 32rpx;
    box-sizing: border-box;

    .address {
      font-size: 45rpx;
      font-weight: bolder;
      color: #130101;
      display: flex;

      justify-content: space-between;
      align-items: center;
      text-align: center;

      image {
        width: 120rpx;
        height: 120rpx;
      }

      view {
        flex: 1;
      }
    }

    .doorModel {
      margin-top: 16rpx;
      width: 686rpx;
      height: 168rpx;
      background: rgba(216, 216, 216, .2);
      border-radius: 16px;
      display: flex;

      .doorModelItem {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .model {
          font-size: 24rpx;
          color: rgb(146, 158, 178);
        }

        .answer {
          margin-top: 10rpx;
          font-size: 28rpx;
          color: #000000;
          font-weight: bolder;
          position: relative;

          text {
            position: absolute;
            right: -4;
            top: 0;
            font-size: 14rpx;
          }
        }
      }
    }
  }

  .lineTwo {
    width: 750rpx;
    height: 2rpx;
    background: #130101;
    opacity: 0.05
  }

  .siteDetails-two {
    margin-top: 52rpx;
    padding: 0 32rpx;
    box-sizing: border-box;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
      display: flex;
      justify-content: space-between;

      .pinjia {
        width: 120rpx;
        text-align: center;
        height: 40rpx;
        background: #D6000F;
        border-radius: 20rpx;
        border: 1rpx solid #D6000F;
        font-size: 24rpx;
        color: #FFFFFF;
        line-height: 40rpx;
      }
    }

    .describe {
      margin-top: 32rpx;
      color: #000000;
      font-weight: bolder;
      font-size: 28rpx;

      text {
        color: #D6000F;
      }
    }

    .doorModel {
      margin-top: 32rpx;
      width: 686rpx;
      height: 321rpx;
      background: #F7F7F7;
      border-radius: 16rpx;
      padding: 71rpx 0rpx 0;
      box-sizing: border-box;

      .instructions {
        display: flex;
        padding: 0 46rpx;
        box-sizing: border-box;

        // margin-top: 71rpx;
        .instructionsItem {
          flex: 1;
          // margin-left: 49rpx;
          // text-align: center;
        }
      }

      .progress {
        display: flex;
        align-items: center;
        margin-top: 36rpx;
        margin-left: 20rpx;
        padding: 0 46rpx;
        box-sizing: border-box;

        .round {
          width: 16rpx;
          height: 16rpx;
          border: 2rpx solid #D6000F;
          border-radius: 50%;

        }

        .complete {
          background: #D6000F;
        }

        .line {
          background: #D6000F;
          width: 158rpx;
          height: 2rpx;

        }

      }

      .calendar {
        display: flex;
        margin-top: 17rpx;

        .calendarItem {
          padding-left: 38rpx;
          box-sizing: border-box;
          flex: 1;
          font-size: 24rpx;
          color: #020113;
          // text-align: center;
          color: #929eb2;
        }

        .marginleft1 {
          padding-left: 64rpx;
          box-sizing: border-box;
        }

        .marginleft2 {
          padding-left: 61rpx;
          box-sizing: border-box;
        }

        .marginleft4 {
          padding-left: 61rpx;
          box-sizing: border-box;
        }
      }

      .showCalendar {
        width: 317rpx;
        height: 44rpx;
        background: #FFFFFF;
        border-radius: 15rpx;
        display: flex;
        margin: 28rpx auto 0;
        justify-content: center;
        align-items: center;

        .text {
          font-size: 21rpx;
          color: #8B8C8E;
          line-height: 44rpx
        }

        image {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }
  }

  .siteDetails-treen {
    margin-top: 66rpx;
    padding: 0 32rpx;
    overflow: hidden;
    box-sizing: border-box;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .contentList {
      margin-top: 45rpx;
      overflow: hidden;

      .contentItem {}

      // .progress {
      //     width: 34rpx;
      //     display: flex;
      //     flex-direction: column;
      //     align-items: center;
      //     justify-content: center;




      // }
      .round {
        width: 34rpx;
        height: 34rpx;
        background: #FFFFFF;
        border: 1rpx solid #000000;
        border-radius: 50%;

      }

      .complete {
        margin-left: 6rpx;
        margin-top: 6rpx;
        background: #000000;
        width: 23rpx;
        height: 23rpx;
        border-radius: 50%;

      }

      .line {
        background: #000000;
        width: 2rpx;
        height: 136rpx;

      }

      .progress-name {
        font-size: 28rpx;
        font-weight: bolder;
        color: #000000;
        display: flex;

        .progress-name-right {
          margin-left: 18rpx;
          flex: 1;
          display: flex;
          justify-content: space-between;

          .progress-name-right-time {
            font-size: 28rpx;
            color: #797A7C;
          }
        }


      }

      .content {
        border-left: 2rpx solid black;
        margin-left: 18rpx;
        padding-left: 16rpx;
        padding-top: 26rpx;
        padding-bottom: 50rpx;
        box-sizing: border-box;
      }

      .commentsList {
        // margin-top: 26rpx;
      }

      .comments {
        display: flex;
        // align-items: center;
        margin-bottom: 20rpx;
        margin-left: 16rpx;
        flex-direction: column;
      }

      .commentary-positions {

        // width: 115rpx;

        view {
          background: #D6000F;
          padding: 5rpx 5rpx;
          box-sizing: border-box;
          border-radius: 4rpx;
          font-size: 28rpx;
          font-weight: bolder;
          color: #FFFFFF;
          line-height: 32rpx;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          // text-align: center;
          // width: 184rpx;
          display: inline-block;
        }
      }

      .commentary-content {
        // width: 419rpx;
        // height: 36rpx;
        flex: 1;
        // margin-left: 8rpx;
        font-size: 28rpx;
        color: #000000;
      }

      .comments-picture {
        width: 654rpx;
        // height: 168rpx;
        padding-left: 15rpx;
        box-sizing: border-box;
        border-radius: 6rpx;
        border: 1rpx solid #979797;
        display: flex;
        flex-wrap: wrap;
        margin-top: 16rpx;
        // justify-content:space-between ;
        align-items: center;
        // overflow: scroll;
        padding-top: 17rpx;

        image {
          flex-shrink: 0;
          width: 144rpx;
          height: 144rpx;
          background: #D8D8D8;
          border-radius: 11rpx;
          margin-right: 15rpx;
          margin-bottom: 17rpx;
        }
      }
    }

    .lookContenr {
      width: 317rpx;
      height: 44rpx;
      background: #EEEFF2;
      border-radius: 15rpx;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      font-size: 21rpx;
      color: #8B8C8E;
      line-height: 44rpx;
      margin-top: 53rpx;

      image {
        width: 40rpx;
        height: 40rpx;
        display: block;
        margin-left: 5rpx;

      }
    }
  }

  .siteDetails-four {
    margin-top: 66rpx;
    padding: 0 32rpx;
    box-sizing: border-box;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .teamList {
      display: flex;
      // justify-content: center;
      margin-top: 44rpx;
      overflow-y: auto;
      .teamLists{
        display: flex;
        justify-content: center;
      }
      .temaItem {
        // flex: 1;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 120rpx;
        // height: 120rpx;

        margin-right: 48rpx;

        &:last-child {
          margin-right: 0rpx
        }

        image {
          width: 120rpx;
          height: 120rpx;
          border: 1rpx solid #979797;
          border-radius: 50%;
        }

        text {
          margin-top: 32rpx;
          font-size: 28rpx;
          color: #000000;
        }
      }
    }
  }
}

.calendarest {
  width: 686rpx;
  padding-bottom: 28rpx;
  // height: 779rpx;
  background: #F7F7F7;
  border-radius: 16rpx;
  margin-top: 32rpx;
  box-sizing: border-box;

  .calendar {
    // height: 672rpx;
  }

  .showCalendar {
    width: 317rpx;
    height: 44rpx;
    background: #FFFFFF;
    border-radius: 15rpx;
    display: flex;
    margin: 28rpx auto 0;
    justify-content: center;
    align-items: center;

    .text {
      font-size: 21rpx;
      color: #8B8C8E;
      line-height: 44rpx
    }

    image {
      width: 40rpx;
      height: 40rpx;
    }
  }
}

.linetreen {}

.tab {
  display: flex;

  view {
    flex: 1;
  }
}

.myHome {
  margin: 0 auto;
  margin-top: 27rpx;
  width: 686rpx;
  height: 390rpx;

  swiper {
    width: 686rpx !important;
    height: 390rpx !important;
    border-radius: 16rpx;
  }

  swiper-item {
    width: 686rpx !important;
    height: 390rpx !important;
    border-radius: 16rpx;


    image {
      width: 686rpx;
      height: 390rpx;
      border-radius: 16rpx;
      display: block;
      margin: 0 auto;
    }
  }
}


.hidecontentList {
  max-height: 1100rpx;
  transition: all 0.3s;
}

.nohonoractive {
  transform: scale(0.94);
  opacity: 0.72;
}


.siteDetails-six {
  box-sizing: border-box;
  padding: 0 32rpx;
  margin-top: 66rpx;

  .title {
    // padding: 0 32rpx;
    font-size: 36rpx;
    font-weight: bolder;
    color: #000000;
    margin-bottom: 32rpx;

  }

  .six-List {
    display: flex;
    // padding: 0 5rpx;
    margin-top: 24rpx;
    margin-bottom: 24rpx;
    align-items: center;
    font-size: 28rpx;

    .six-left {
      width: 113rpx;
      // height: 48rpx;
      font-size: 28rpx;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #8B8C8E;

    }

    .six-right {
      width: 534rpx;
      margin-left: 39rpx;
    }
  }
}